<div class="main-title clearfix theme-bg-color-1">
  <a href="/index.php?r=index/wap&u=1" class="main-logo fl">
    <!--优先显示图片，图片没有在显示名字-->
    薅羊毛 </a>
  <div class="search fl">
    <form action="/index.php?r=index/search" method="get">
      <input type="hidden" name="r" value="index/search" />
      <button class="search_submit background"></button>
      <input type="text" placeholder="好宝贝 等你搜" name="kw" class="search_area" autocomplete="off" />
    </form>
  </div>
  <a id="mui-action-menu" class="mui-action-menu mui-pull-left main-icon fr" href="javascript:void(0)" (click)="showNav()">
      <span></span>
  </a>
</div>

<div id="show-top-menu" *ngIf="isNav">
  <div class="mask" id="menu-mask"></div>
  <div class="menu-content">
      <ul class="main-cat">
          <li class="cat-item mm-nolistview">
              <a rel="external" data-catid="1" href="/index.php?r=index/cat&cid=1&u=1">女装</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="9" href="/index.php?r=index/cat&cid=9&u=1">男装</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="10" href="/index.php?r=index/cat&cid=10&u=1">内衣</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="2" href="/index.php?r=index/cat&cid=2&u=1">母婴</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="3" href="/index.php?r=index/cat&cid=3&u=1">化妆品</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="4" href="/index.php?r=index/cat&cid=4&u=1">居家</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="5" href="/index.php?r=index/cat&cid=5&u=1">鞋包配饰</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="6" href="/index.php?r=index/cat&cid=6&u=1">美食</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="7" href="/index.php?r=index/cat&cid=7&u=1">文体车品</a>
          </li>
          <li class="cat-item ">
              <a rel="external" data-catid="8" href="/index.php?r=index/cat&cid=8&u=1">数码家电</a>
          </li>
      </ul>
      <span class="up-menu theme-color-1 theme-border-color-1" (click)= "hideNav()">收起分类</span>
  </div>
</div>
